<nav style="text-align: right">
    <ul class="pagination" ng-show="visible || (pagin.recordCnt / pagin.pageSize > 1)">
        <li ng-class="{'disabled': pagin.pageIndex == 1}"><a href="javascript:void(0);" ng-click='_showPage(1, true);'>&lt;&lt;</a></li>
        <li ng-class="{'disabled': pagin.pageIndex == 1}"><a href="javascript:void(0);" ng-click='_showPage(pagin.pageIndex - 1, true);'>&lt;</a></li>
        <li ng-repeat="i in _range(_showPageCnt) track by $index" ng-class="{'active': pagin.pageIndex == ($index + _baseCnt)}">
            <a href="javascript:void(0);" ng-click="_showPage($index + _baseCnt);">
            	{{$index + _baseCnt}} <span class="sr-only" ng-if="pagin.pageIndex == ($index + _baseCnt)">(current)</span>
            </a>
        </li>
        <li ng-class="{'disabled': pagin.pageIndex == pagin.pageCnt}"><a href="javascript:void(0);" ng-click='_showPage(pagin.pageIndex + 1, true);'>&gt;</a></li>
        <li ng-class="{'disabled': pagin.pageIndex == pagin.pageCnt}"><a href="javascript:void(0);" ng-click='_showPage(pagin.pageCnt, true);'>&gt;&gt;</a></li>
    </ul>
</nav>
